<!-- From Uiverse.io by Cherie05  - Tags: simple, button, message, btn, #button, tailwind, tailwindbutton -->
<button
  class="cursor-pointer flex gap-x-2 items-center font-semibold bg-white p-1 text-lg rounded-xl border-2 border-gray-300 px-1"
>
  <div
    class="flex gap-x-2 items-center justify-center shadow-inner drop-shadow-sm rounded-full bg-white p-3 px-5"
  >
    <span>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="17"
        height="17"
        viewBox="0 0 14 14"
      >
        <path
          fill="none"
          stroke="black"
          stroke-linecap="round"
          stroke-linejoin="round"
          d="m5.812 11l2.178 2.168a1.1 1.1 0 0 0 1.05.3a1.119 1.119 0 0 0 .809-.74l3.576-10.72A1.118 1.118 0 0 0 11.987.57L1.267 4.147a1.119 1.119 0 0 0-.74.859a1.099 1.099 0 0 0 .3 1l2.737 2.737l-.09 3.466zM13.106.79L3.564 8.742"
        ></path>
      </svg>
    </span>
    Send Message
  </div>
</button>


    